<template>
  <div class="home">
   <!-- <h2>doubleCounter:{{ $store.getters.doubleCounter }}</h2>
   <h2>doubleTotalAge:{{ $store.getters.doubleTotalAge}}</h2>
   <h2>message:{{ $store.getters.message}}</h2>
   <h2>user:{{ $store.getters.getUser()}}</h2> -->

   <h2>doubleCounter:{{doubleCounter }}</h2>
   <h2>doubleTotalAge:{{doubleTotalAge}}</h2>
   <h2>message:{{ message}}</h2>
   <h2>user:{{ getUser(19)}}</h2>
  </div>
</template>


<script>
import { mapGetters } from 'vuex'
export default{
    computed:{
      ...mapGetters(['doubleCounter','doubleTotalAge','message','getUser'])
    }
}
</script>


<script setup>

</script>

<style scoped></style>
